<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="shortcut icon" href="./img/logo.png" />
		<title>Concept</title>
		<script
			src="https://code.jquery.com/jquery-3.6.1.min.js"
			integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ="
			crossorigin="anonymous"
		></script>
		<link rel="stylesheet" href="./css/global.css" />
		<link rel="stylesheet" href="./css/concept.css" />
	</head>

	<body>
		<div id="header">
			<img
				src="./img/concept/concept_banner.jpg"
				class="banner_img"
				alt=""
			/>
			<nav>
				<img src="./img/logo_white.png" alt="" id="header_logo" />
				<ul>
					<li><a href="/index.html">Home</a></li>
					<li><a href="/concept.html">Concept</a></li>
					<li><a href="/about.html">About</a></li>
					<li><a href="/contact.html">Contact</a></li>
				</ul>
			</nav>
			<div id="header_slogan">
				<div>
					<p>Fulfilling Life</p>
				</div>
			</div>
			<div id="fold">
				<img src="./img/fold_white.png" alt="" />
			</div>
		</div>
		<div id="body">
			<div id="concept">
				<div class="carousel_template">
					<div class="carousel_template_introduce">
						<span>"Fulfilling Life"</span>
						<p>「何为人生」</p>
						<p>
							Life filled with values, landscape values, dialogue
							with nature, connection with people. An invisible
							bond might fill the mind. Life filled with you.
						</p>
					</div>
				</div>
				<div class="carousel_template_img">
					<div class="carousel_template_box">
						<div class="carousel_template_img_display">
							<img
								src="./img/concept/display/concept_display3.jpg"
								alt=""
							/><img
								src="./img/concept/display/concept_display1.jpg"
								alt=""
							/><img
								src="./img/concept/display/concept_display2.jpg"
								alt=""
							/><img
								src="./img/concept/display/concept_display3.jpg"
								alt=""
							/><img
								src="./img/concept/display/concept_display1.jpg"
								alt=""
							/>
						</div>

						<div class="dot_group">
							<div class="dot_group_bg"></div>
							<ul>
								<li></li>
								<li></li>
								<li></li>
							</ul>
						</div>
					</div>

					<div class="arrow_group">
						<div class="arrow_group_left">
							<img
								src="./img/arrow-left.png"
								class="left_tempalte"
								alt=""
							/>

							<span class="left_tempalte_bg"></span>
						</div>
						<div class="arrow_group_right">
							<img
								src="./img/arrow-right.png"
								class="right_tempalte"
								alt=""
							/>
							<span class="right_tempalte_bg"></span>
						</div>
					</div>
				</div>
			</div>
			<div id="concept_about">
				<div class="concept_about_item">
					<img
						src="./img/concept/display/concept_about 1.png"
						alt=""
					/>
					<div>
						<p>Our philosophy</p>
						<p>
							If you lose your mind, you will not be able to read.
							In the gap between dusk and night, it will be
							difficult for you to return to the real world. Pick
							up your ambition and strive to be a secular success.
							Inertia will spread. Don't miss your life because of
							your inertia.
						</p>
					</div>
				</div>
				<div class="concept_about_item">
					<div>
						<p>
							About <br />
							Exploration
						</p>
						<p>
							Standing on the top of the mountain, you can talk
							with the sun, moon and stars, swim under the sea and
							meet with rivers, lakes and seas, shake hands with
							each tree, and whisper with each grass. Only then
							can you know that the universe is vast, nature is
							awesome, and life is honorable.
						</p>
					</div>
					<img
						src="./img/concept/display/concept_about 2.png"
						alt=""
					/>
				</div>
			</div>
		</div>
		<div id="footer">
			<img src="./img/logo.png" id="footer_logo" alt="" />
			<ul id="footer_nav">
				<li><a href="/contact.html">Contact</a></li>
				<li><a href="/index.html">Home</a></li>
				<li><a href="/concept.html">Concept</a></li>
				<li><a href="/about.html">About</a></li>
			</ul>
			<p id="footer_copyright">@2022 Team——5535</p>
			<div id="footer_go_home_group">
				<div id="footer_go_home_bg"></div>
				<div id="footer_go_home">
					<p href="">To act</p>
				</div>
			</div>
		</div>
		<div id="shade">
			<img class="shade_bg_img" src="./img/fade1.png" alt="" />
			<img class="shade_bg_img" src="./img/fade2.png" alt="" />
			<div id="in">
				<a href="/index.html" id="shade_title">FJDW </a>
				<div id="switch_language">
					<span class="switch_language_highlight">En</span>
					<span>Cn</span>
				</div>
				<div id="shade_menu">
					<li><a href="/index.html">Home</a></li>
					<li><a href="/concept.html">Concept</a></li>
					<li><a href="/about.html">About</a></li>
					<li><a href="/contact.html">Contact</a></li>
				</div>
				<div id="shade_go_box">
					<div id="shade_go_bg"></div>
					<div id="shade_go">Go</div>
				</div>
			</div>
			<div id="shade_close"></div>
		</div>
		<div id="load_shade">
			<div id="load_shade_item"></div>
		</div>
	</body>
	<script src="./js/global.js"></script>
	<script src="./js/concept.js"></script>
</html>
